.module {
    width: 100%;
    height: 100%;
    display: flex;

    :global {



        .echart-box {
            height: 100%;
            display: flex;
            flex-direction: column;
            // box-shadow: inset 0 0 13px #0271ada0;
            width: 400px;

            .echart {
                width: 100%;
                height: 100%;
            }
        }

        .context-box {
            flex: 1;
            height: 100%;
            display: flex;
            flex-wrap: wrap;

            .text-item {
                height: 50%;
                width: 33.333333%;
                // padding: 10px;


                .text-content {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    // box-shadow: inset 0 0 13px #0271ada0;

                    .value {
                        font-size: 20px;
                        font-weight: 600;
                        color: aqua;
                    }

                    .label {}
                }
            }
        }



    }
}

.tipBox {
    :global {
        .header {}
    }
}

.actionBtn {
    cursor: pointer;

    &:hover {
        color: #14b0ee;
    }

    :global {}
}